<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>Title</title>
    <link rel="stylesheet" href="css/register.css">
    <script src="webjars/jquery/3.6.0/dist/jquery.js"></script>
    <script src="js/register.js"></script>

</head>
<body>
<aside></aside>
<article>
    <div class="title">
        <img src="img/register-title.png"/>
    </div>
    <div class="content">
        <div class="main">
            <div class="tip">
                <div id="login" class="login-title" onclick="toggleContent('login')">登陆</div>
                <div id="register" class="register-title unclicktitle " onclick="toggleContent('register')">注册</div>
            </div>
            <div id="redline" class="red-line"></div>
            <div id="info"></div>
            <div class="login  " id="login-content">
                <div class="login-content ">

                    <input id="account" name="account" type="text" placeholder="邮箱/手机号/小米ID"/>
                    <input id="pwd" name="pwd" type="password" placeholder="密码"/>
                    <input id="login-submit" type="submit" value="登陆" disabled/>


                </div>
                <div class="other">
                    <div><a>忘记密码？</a></div>
                    <div><a>手机号登陆</a></div>
                </div>
                <div class="other-login">
                    <img src="img/register-other-login.png"/>
                </div>
            </div>
            <div class="register  nodisplay " id="register-content">
               <div class="register-main"  >
                   <div> <input  id ="register-phone" type="phone"  placeholder="请输入手机号" required/></div>
                   <div class="msg-div"> <input  id="register-msgcode" type="text" placeholder="页面验证码" required/><img id="msgcode" onclick="flushMsgCode()" src="http://localhost:8090/mishopserver2021_war/msg.jpg"/></div>

                   <div><input  id ="register-btn" type="button" value="发送短信验证码" onclick="sendMsg()"></div>
               </div>
                <div class="input-short-msg"  style="display:none;">
                    <div> <input  id ="short-msg" type="text"  placeholder="短信验证码" required/> <button id="short-tip"  disabled>重新发送短信（60s）</button> </div>
                    <div><input  id ="short-msg-btn" type="button" value="注册" onclick="register()"></div>
                </div>
                <div class="input-pwd" style="display:none;">
                    <div> <input  id ="pwd1" type="text"  placeholder="请设置密码" required/> </div>
                    <div> <input  id ="pwd2" type="text"  placeholder="密码重新输入" required/> </div>
                    <div><input  id ="pwd-btn" type="button" value="保存" onclick="addUserInfo()"></div>
                </div>
                <div class="problem" >收不到验证码？</div>
                <div class="info">
                    <input type="checkbox"><span class="unclicktitle">已阅读并同意小米帐号 <span class="import-info">用户协议</span> 和<span class="import-info"> 隐私政策</span></span>
                </div>
                <div class="other-login">
                    <img src ="img/register-other-login.png"/>
                </div>

            </div>

        </div>
        <div class="footer">小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</div>


    </div>
    <div class="nav">
        <ul>
            <li>
                <a>用户协议</a>
            </li>
            <li>
                <a>隐私政策</a>
            </li>
            <li>
                <a>帮助中心</a>
            </li>
            <li>
                <a>中文(简体)</a>
            </li>
        </ul>

    </div>
</article>

</body>
</html>